<template>
    <div class="datastatistics">
        
        <!-- <div class="demo-input-suffix" style="margin-left:5px;margin-right:15px;">
            <el-date-picker
      v-model="value1"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
        </div> -->
        <!-- <div class="demo-input-suffix">区域：</div>
        <div class="demo-input-suffix" style="margin-left:5px;margin-right:15px;">
            <el-cascader v-model="value" :options="dataCheckbox_SCV"></el-cascader>
        </div> -->
        <iframe
            id="mapIFRAME"
            class="allmap"
            name="mapIFRAME"
            src="http://111.160.78.62:9936/indexScoreFJ.html"
        ></iframe>
    </div>
</template>
<script>
export default {
  data () {
    return {
      dataCheckbox_SCV:[],  
      value1: new Date(),
    }
  },
  mounted () {
    this.loadCheckbox_SCV()
  },
  methods: {
    async loadCheckbox_SCV () {
      // var url = 'http://111.160.78.62:5575/GarbagePointsTYApi/BasicData/GetGroupsApi';
      var url = this.$url+ '/GetGroupsApi'
      const { data } = await this.$axios.get(url)
      this.dataCheckbox_SCV = data.filter(item => {
        return item
      })
    }
  }
}
</script>
<style scoped>
.datastatistics,
body {
    width: 100%;
    height: 100%;
    position: relative;
}
.demo-input-suffix {
    float: left;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
}
.allmap {
    width: 100%;
    height: 100%;
    border: 1px solid darkgrey;
    /* position: absolute;
    left: 0;
    top: 45px;
    right: 0;
    bottom: 0;
    margin: auto; */
}
</style>